<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>主页</title>
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"
    />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <iframe
      marginwidth="0"
      marginheight="0"
      HSPACE="0"
      VSPACE="0"
      frameborder="0"
      scrolling="no"
      src="./head.html"
      height="“auto”"
      width="100%"
      style="vertical-align: bottom"
    ></iframe>
    <div id="body">
      <div id="body-left">
        <!-- 搜索栏 -->
        <div id="search">
          <div class="search-box">
            <input type="text" placeholder="检索你想知道的" />
            <button><i class="fa fa-search"></i></button>
          </div>
        </div>
        <!-- 图片展示 -->
        <div id="show-imgs">
          <div class="container">
            <div class="item">
              <a href="./0001.html"><img src="./img/新叶喵.jpg" alt="" /></a>
              <h2>新叶喵</h2>
            </div>
            <div class="item">
              <a href="./0001.html"><img src="./img/呆火鳄.jpg" alt="" /></a>
              <h2>呆火鳄</h2>
            </div>
            <div class="item">
              <a href="./0001.html"><img src="./img/润水鸭.jpg" alt="" /></a>
              <h2>润水鸭</h2>
            </div>
            <div class="item">
              <a href="./0001.html"><img src="./img/梅洛可.jpg" alt="" /></a>
              <h2>梅洛可</h2>
            </div>
            <div class="item">
              <a href="./0001.html"><img src="./img/奇树.jpg" alt="" /></a>
              <h2>奇树</h2>
            </div>
            <div class="item">
              <a href="./0001.html"><img src="./img/古鲁夏.jpg" alt="" /></a>
              <h2>古鲁夏</h2>
            </div>
          </div>
        </div>
      </div>
      <!-- end left -->
      <div id="body-right">
        <div class="news-head">
          <div class="news-head-text">
            <span>最新情报</span>关于招式说明文的错误
          </div>
          <span class="news-head-time">2023-06-19</span>
        </div>
        <div class="news-photos">
          <a href="#"
            ><img
              class="news-photos-gonggao"
              src="./img/公告.jpg"
              alt=""
              width="100%"
              height="100%"
          /></a>
        </div>
        <div class="description-box">
          <div class="description-box-skillname">秘剑·千重涛</div>
          <div class="description-box-text">
            <p>用贝壳之剑瞄准要害进行攻击。</p>
            <p>散落的贝壳碎片会散落在</p>
            <p>对手脚下成为撒菱。</p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
